<template>
  <div>
    <MyHead title="登录" :show="true"></MyHead>
    <div class="login">
      <van-tabs v-model="active">
        <van-tab title="登录" name="login">
          <Signin :phone="$route.query.phone"></Signin>
        </van-tab>
        <van-tab title="验证码登录" name="loginsms">
          <Signinsms :phone="$route.query.phone"></Signinsms>
        </van-tab>
      </van-tabs>
      <div class="ptext">
        <p class="left" @click="gotowhere('forgotpass')">忘记密码</p>
        <p class="right" @click="gotowhere('register')">注册账号</p>
      </div>
    </div>
  </div>
</template>


<script>
import Signin from "./signin.vue";
import Signinsms from "./signinsms.vue";
export default {
  name: "login_register",
  data() {
    return {
      active: "login",
    };
  },
  components: {
    Signin,
    Signinsms,
  },
  methods:{

    gotowhere(name){
      this.$router.push({name})
    }
  }
};
</script>


<style lang="scss" scoped>
.login {
  padding: 0 15px;
}
.ptext {
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  color:#ff5f16;
}
</style>